<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>资讯详情</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>

  <div *ngIf="!tools.isEmptyObject(article)"
       class="article-info-details padding-left-right-30 distance-from-bottom"
  >
    <header class="header">
      <div class="article-title">{{article.title}}</div>
      <div class="article-publish-info">
        <a class="author text-ellipsis author-name" [routerLink]="['/', article.userId]">{{article.authorName}}</a>
        <span>{{article.publishTime | amDateFormat:'MM-DD HH:mm'}}</span>
      </div>
    </header>
    <article class="article">
      <div *ngFor="let item of article.articleContentList" [innerHtml]="item.content"></div>
    </article>
  </div>

  <div class="article-info-comments-warp" *ngIf="comments.length > 0 ">
    <div class="gap"></div>
    <seed-comments [comments]="comments"></seed-comments>
    <div class="seed-view-more-btn" *ngIf="comments.length > 0" downloadApp><span>下载求苗APP，查看更多精彩评论</span></div>
  </div>

  <div class="article-info-comments-warp" *ngIf="recommend.length > 0 ">
    <div class="gap"></div>
    <div class="title">推荐文章</div>
    <p class=" seed-underline" *ngFor="let item of recommend"
       [routerLink]="['/news',item.articleId]">
      <a class="article-info-comment-profile text-ellipsis">
        {{item.title}}
      </a>
    </p>
    <div class="gap"></div>
  </div>
</seed-content>
